<template>
    <li class="sh-information-list-content" @click="details">
      <slot>
        <div class="sh-list-wrap">
          <div class="sh-list-wrap-photo">T</div>
          <div class="sh-list-wrap-body">
            <p class="sh-list-wrap-body-title">{{title}}</p>
            <p class="sh-list-wrap-body-msg">{{msg}}</p>
            <p class="sh-list-wrap-body-date">{{date}}</p>
          </div>
        </div>
      </slot>
    </li>
</template>
<script>
export default {
  name: 'InformationList',
  props: {
    title: {
      type: String,
      default: ''
    },
    msg: {
      type: String,
      default: ''
    },
    date: {
      type: [String, Number],
      default: ''
    }
  },
  data () {
    return {}
  },
  mounted () {
    // console.log('notice list mounted')
  },
  methods: {
    details () {
      this.$parent.detailsMsg({
        title: this.title,
        msg: this.msg,
        date: this.time
      })
    }
  }
}
</script>
